<template>
    <div class="container">
        <el-page-header @back="goBack" content="站点列表"></el-page-header>

        <siteList :franchiseId="franchiseId"></siteList>
    </div>
</template>

<script>

import siteList from '@/components/site-list/site-list';
export default {
    layout: 'admin',
    components:{
        siteList
    },
    head() {
        return {
            title: '站点列表' 
        }
    },
    data() {
        return {
            franchiseId: localStorage.getItem('franchiseid')
        }
    },
    mounted() {
        
    },
    methods: {
        goBack() {
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="scss" scoped>
.nav-bar {
    padding: 20px 0 0;
}

.send {
    margin-top: 15px;
    margin-right: 10px;
}

.dialogForm {
    display: flex;
    flex-wrap: wrap;

    .el-form-item {
        width: 50%;
        float: left;

        &.all {
            width: 100%;
        }

        .el-select {
            width: 100%;
        }
    }
}

.user-face {
    display: flex;
    align-items: center;
    position: relative;

    .male,
    .female {
        font-size: 14px;
        position: absolute;
        left: 30px;
        top: 0;
        background-color: #fff;
        height: 16px;
        width: 16px;
        line-height: 16px;
        border-radius: 6px;
    }

    .male {
        color: var(--blue);
    }

    .female {
        color: var(--pink);
    }
}
</style>
